<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script type="text/javascript" src="jquery-3.1.4.js">
		
	</script>
	<body>
		<!--普通的button属性非submit类型的button是提交不到action指定网页内-->
		<form action="www.baidu.com" method="post">
			Username:<input type="text"  id="username"/>
			Age:<input type="text"  id="age"/>
			Password:<input type="text"  id="password"/>
			<input type="button" value="提交"/>
			<input type="button" value="遍历" id="bianli"/>
		</form>
		<script type="text/javascript">
			
			$("input[type=button]:eq(0)").click(function(){
				// .next()下一个标签
				alert($("#username").next().val());
			});
			$("input[type=button]:eq(1)").click(function(){
				// .each()遍历每个标签
				var $input_text = $("input[type=text]");
				// each 遍历操作 函数中 前者为从开始的索引，domEle为对应的索引对应的值是dom类型
				$input_text.each(function(index,domEle){
					alert(domEle.value);// 也可以把domEle换成jquery也是可以的
					/*
					 	var j = #(domEle);
					 	alert(j.val());
					*/
				});
			});
			
		</script>
	</body>
</html>
